<header class="navbar-wrapper">
	<style>

		.box > h3{
			width: 500px;
			margin: 0px auto;
			text-align: center;
			border-bottom: 1px solid #aaa;
			padding-bottom: 30px;
			font-size: 24px;
			color: #696969;
		}

		.login-box{
			width: 400px;
			margin: 0px auto;
			height: 150px;
			font-size: 12px;
		}

		.password{
			position: relative;
			height: 50px;
		}

		.user-name input, .password input{
			position: absolute;
			left: 97px;
			top: 9px;
			width: 215px;
			height: 30px;
		}

		.user-name label, .password label{
			position: absolute;
			right: 310px;
			top: 14px;
		}

		.user-name img, .password img{
			position: absolute;
			width: 18px;
			top: 18px;
			right: 95px;
		}

		.save-box{
			margin-top: 30px;
			height: 40px;
			position: relative;
		}

		.red{
			color: red;
			width: 10px;
			position: absolute;
			right: 60px;
			top: 16px;
		}
		.old-password-msg1,.old-password-msg2,.new-password-msg,.check-new-password-msg1,.check-new-password-msg2{
			position: absolute;
			right: -70px;
			top: 12px;
			font-size: 14px;
			color: red;
			display: none;
		}
	</style>
	<div class="navbar navbar-fixed-top">
		<div class="container-fluid cl"> <a class="logo navbar-logo f-l mr-10 hidden-xs" href="javascript:;">警翼VMS系统</a><a aria-hidden="false" class="nav-toggle Hui-iconfont visible-xs" href="javascript:;">&#xe667;</a>
			<nav id="Hui-userbar" class="nav navbar-nav navbar-userbar hidden-xs">
				<ul class="cl">
					<li class="dropDown dropDown_hover"> <a href="#" class="dropDown_A">{$Think.session.user_info.userName} <i class="Hui-iconfont">&#xe6d5;</i></a>
						<ul class="dropDown-menu menu radius box-shadow">
							<li><a href="javascript:;" onClick="modaldemo()">修改密码</a></li>
							<li><a href="javascript:;" onClick="exit()">退出</a></li>
						</ul>
					</li>
				</ul>
			</nav>
		</div>
	</div>
	<div id="modal-demo" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog" style="top:30%;">
			<div class="modal-content radius">
				<div class="modal-header">
					<h3 class="modal-title">修改密码</h3>
					<a style="margin-top: -10px; font-size: 40px;" class="close" data-dismiss="modal" aria-hidden="true" href="javascript:void();">×</a>
				</div>
				<div class="modal-body">
					<div class="login-box">
						<div id="oldPassword" class="password">
							<label>旧密码&nbsp;&nbsp;:&nbsp;</label>
							<input type="password" class="input-text radius size-M" placeholder="请输入旧密码"/>
							<img src="__HUI__/images/password.png"/>
							<div class="red">*</div>
							<div class="old-password-msg1">旧密码不能为空!</div>
							<div class="old-password-msg2">旧密码输入错误!</div>
						</div>
						<div id="newPassword" class="password">
							<label>新密码&nbsp;&nbsp;:&nbsp;</label>
							<input type="password" class="input-text radius size-M" placeholder="请输入密码"/>
							<img src="__HUI__/images/password.png"/>
							<div class="red">*</div>
							<div class="new-password-msg">新密码不能为空!</div>
						</div>
						<div id="checkNewPassword" class="password">
							<label>确认密码&nbsp;:&nbsp;</label>
							<input type="password" class="input-text radius size-M" placeholder="请确认密码"/>
							<img src="__HUI__/images/password.png"/>
							<div class="red">*</div>
							<div class="check-new-password-msg1">确认密码不能为空!</div>
							<div class="check-new-password-msg2">两次密码输入不一致!</div>
						</div>
					</div>
					<div class="save-box">
						<div id="save" style="position: absolute;left: 40%;width: 93px;height: 44px; background-color: #249AE2; font-size: 16px;border-radius: 4px; text-align: center;line-height: 44px ;color:white;cursor: pointer;">保存</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</header>